<template>
	<view class="condition">
		<view class="h1">条件</view>
		<!-- H5手机页面，提示用户可以去下载APP -->
		<!-- #ifdef H5 -->
		<view> H5：下载APP 获取优惠卷</view>
		<!-- #endif -->
		<!-- #ifdef MP -->
		<view> WX：下载APP 获取优惠卷</view>
		<!-- #endif -->
		<!-- #ifdef APP -->
		<view> app：下载APP 获取优惠卷</view>
		<!-- #endif -->
		<view class="active">我是嫩爹</view>
		<button @click="say()" size="mini" type="primary">你好！</button>
		<!-- #ifdef MP-WEIXIN || APP -->
		<navigator url="/pages/condition/we">微信-APP专有</navigator>
		<!-- #endif -->
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			say() {
				// #ifdef APP-PLUS
				uni.showModal({
					title: "你好App用户"
				})
				// #endif 

				// #ifdef MP
				uni.showModal({
					title: "你好微信用户"
				})
				// #endif 

				// #ifdef H5
				uni.showModal({
					title: "你好手机用户"
				})
				// #endif 
			}
		}
	}
</script>

<style>
	/* #ifdef APP-PLUS*/
	.active {
		color: aqua;
	}

	.condition {
		/* 状态栏（电量条的高度） */
		padding-top: var(--status-bar-height);
	}

	/* endif */

	/* #ifdef H5*/
	.active {
		color: aqua;
	}

	/* endif */

	/* #ifdef MP*/
	.active {
		color: aqua;
	}

	/* endif */
</style>
